<template>
  <thead>
    <tr>
      <th style="background-color: #fff;"></th>
      <th v-for="item of weekdays" :key="item.id" class="week-title">{{ item.title }}
      </th>
    </tr>
  </thead>

</template>

<script setup>
import './styles/week-title.scss'
import { weekdays } from '@/utils/util'
</script>

<style scoped lang="scss">
thead {
  display: table;
  width: 100%;
  table-layout: fixed;
  position: sticky;
  top: 0px;
  z-index: 1;
}
</style>